const {resolve} = require('path')
const ESLintPlugin = require('eslint-webpack-plugin');

module.exports={
    entry:'./src/main.js',
    output:{
        path:resolve(__dirname,'build'),
        filename:'js/bundle.js',
        clean:true
    },
    mode:'development',
    module:{
        rules:[
            {
                test:/\.css$/,    //正则表达式选中css文件
                use:[
                    'style-loader', // 将 CSS 生成 style 标签插入 HTML 中
                    'css-loader'  // 将 CSS 转为 CommonJS 的模块
                ]

            },
            {
                test:/\.less$/,
                use:[
                    'style-loader', // 将 CSS 生成 style 标签插入 HTML 中
                    'css-loader',   // 将 CSS 转为 CommonJS 的模块
                    'less-loader'   // 将Less编译为CSS
                ]
            },
            {
                test:/\.js$/,
                exclude:/node_modules/,  //不进行处理的文件夹
                use:{
                    loader: 'babel-loader',
                    options:{
                        presets:[['@babel/preset-env',
                    {
                        useBuiltIns:'usage', // 只打包使用的ES6新API的实现代码
                        corejs:{version:2} // 指定core-js的版本号为2
                    }]],
                        plugins: []
                    }
                }
            }
        ]
    },
    plugins: [
        new ESLintPlugin()
    ]
}